<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Project1</title>
  <link rel="stylesheet" href="css/stylelink.css">
  <script src="htmlloadlinkdemo.js"></script>
</head>
<body>
  <h1>Dynamically loaded HTML Preload link resources</h1>
  <p>
    This demo demonstrates how to load resources and then load images from these resources.<br>
    Click the below image to round-robin between the available images.
  </p>
  <center>
    <img id="theimage" src="" alt="The image" width=60 height=60>
  </center>
  <script>
  window.addEventListener("load", rtl.run);
  </script>
  <div>
   Created using &nbsp; <a target="_blank" href="https://wiki.freepascal.org/pas2js">pas2js.</a> &nbsp;&nbsp;Sources: &nbsp;
    <a target="new" href="htmlloadlinkdemo.lpr">Program</a>.
  </div>
  <div>
  <a target="_blank" href="https://icons8.com/icons/set/circled-up-2">Scroll Up</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  <a target="_blank" href="https://icons8.com/icons/set/circled-left">Go Back</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  <a target="_blank" href="https://icons8.com/icons/set/circled-right">Circled Right</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  <a target="_blank" href="https://icons8.com/icons/set/circled-down-2">Scroll Down</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  </div>
</body>
</html>
